/*********************************通用样式***********************************/
*{font-family: "Microsoft Yahei";  -webkit-font-smoothing:antialiased ;}
body{ color: #444}
.Orange-text{color: #fe6a30;}
a{cursor: pointer!important;}
a:hover{color: #fe6a30;}
.copyright{width: 100%; text-align: center;font-size: 12px;color: #999;}
.red{color: red!important;}

/*******************************************顶部样式*******************************************/
.header{background: #fff; height: 60px;border-bottom:1px solid #e8e9ea}
.header .logo a{line-height: 60px;width:190px; padding: 0; text-align: center;background: #fe6a30;}
.header .logo img{width: 190px; height: 60px;}
.header .right{background:none;}
.header .layui-nav-bar{background: #fff;display: none}
.header .layui-nav-item{ line-height: 60px;}
.header .layui-nav{padding:0 20px 0 0;}
.header .user{background: url("../images/header-user-icon.png") no-repeat left center; text-indent:5px;}

.header .layui-nav-item a{color: #000;font-size: 14px;}
.header .layui-nav .layui-nav-item a:hover{ color: #fe6a30;}
.header .DowBtn{float: right; line-height: 60px; background: url("../images/DowBtn.png") no-repeat center left; padding-left: 25px; cursor: pointer; margin-right:30px; color: #000;position: relative}
.header .DowBtn:hover{color: #fe6a30;}
.header .DowBtn i{position: absolute;left:10px; top:15px;display: block;background: #f64539; border:2px solid #fff; border-radius: 50%; width: 7px; height: 7px;}


.header .manual{float: right; line-height: 60px; background: url("../images/Product_manual.png") no-repeat center left; padding-left: 25px; cursor: pointer; margin-right:30px; color: #000;position: relative}
.header .manual a{color: #000}
.header .manual a:hover{color: #fe6a30;}
.header .manual i{position: absolute;left:10px; top:15px;display: block;background: #f64539; border:2px solid #fff; border-radius: 50%; width: 7px; height: 7px;}
.header .manual .manual-cont{display: none;background: #fff;box-shadow: 0 0 6px rgba(0, 0, 0, .12);border-radius: 3px; color: #444;position: absolute;width: 150px;z-index: 99;left:-20px; height: 35px; line-height: 35px; text-align: center}
.header .manual .manual-cont:before{content:'';display: block;width: 0; height: 0;border:7px solid transparent; border-bottom: 7px solid #e8e9ea;position: absolute;top:-14px;left:40%}
.header .manual .manual-cont:after{content:'';display: block;width: 0; height: 0;border:5px solid transparent; border-bottom:5px solid #fff;position: absolute;top:-10px;left:40%; margin-left: 2px;}
.header .manual a:hover + div{display: block}

.header .layui-nav .layui-nav-child dd.layui-this a,
.header .layui-nav-child dd.layui-this{background-color:transparent;color: #444;font-size:14px;}
.header .layui-nav-more{top:30px; width: 13px; height: 7px; background:url("../images/hear-arr-dow.png");border:none;}
.header .layui-nav-mored{ margin-top:-3px;background:url("../images/hear-arr-top.png");}
.header .layui-nav-child{top:52px;z-index: 999;left:auto;right:0; width: 120px;    box-shadow: 0 0 6px rgba(0, 0, 0, .12);}
.header-search,.header-systemNews{display: block;float: right;height: 60px; border-right: 1px solid rgba(255,255,255,0.5);padding:0 20px;}
.header-systemNews{ height:18px; padding: 4px 20px; margin:17px 0 ; position: relative}
.header-systemNews span{width:22px; height: 22px; text-align:center;line-height:22px;font-size: 10px;-webkit-transform: scale(0.8); color: #666; position: absolute;right:8px;top:-8px;}
.header .layui-nav-child{border:none;}

.header .top-search{  width:230px;  height: 28px; background: #f4f6f8;   position: relative;  float:right; margin-right:40px; margin-top:15px;  border-radius: 15px;}
.header .top-search input{width:190px; padding: 0;height:28px; line-height: 25px; text-indent:15px; font-size: 12px;border:none;border-radius: 15px; background: none;}
.header .top-search button {  width:28px;  height:28px;  background: url(../images/search.png) no-repeat center;  position: absolute;  right:10px;  top: 0;  border: none;  text-indent: -99px;  cursor: pointer;  overflow: hidden;  }

/*****************************************************登入页*****************************************************/
.loginBody{background: url("../images/login-bj.jpg") center;}
.login-header{display: block;width: 100%;float:left;background: #FFF; height:70px; position:fixed; left: 0; top:0}
.login-header .page-cell__bd{float: left;}
.login-header .page-cell__ft{float: right; padding-top:15px; }
.login-header .page-cell__ft img{float: left; margin-right: 8px;margin-top:5px;width:28px;}
.login-header .page-cell__ft .cont{float: left; font-size: 12px; color: #666}
.login-header .loginbox{ width:1100px; height:70px; display: block; margin: 0 auto}
.loginCont{width: 100%;display: block;float: left;}
.loginCont .loginbox{width: 1100px;  display: block; margin: 0 auto}
.login-pic{float: left;}
.loginList{display: block;position: relative}
.loginform{width: 400px; height: 440px; background: #fff; box-shadow: 0 0 8px rgba(197,212,224,0.9); float: right;border-radius:4px;}
.loginform h3{display: block; clear: both;font-size: 30px;height: 30px; font-weight: normal; text-align: center; margin:42px 0 52px 0; color: #666;}
.loginform .loginList{display: block; padding: 0 35px;}
.loginform label{width: 100%;display: block; clear: both; height: 45px; position: relative; margin-bottom: 15px;}
.loginform label .layui-input{ height: 45px; text-indent:40px; padding: 0}
.loginform label span.pic{width: 43px; height: 43px;display: block;position:absolute;left:0; top:0}
.loginform label .loginCode{ position: absolute; right:1px;top:1px; width: 80px; height: 43px;}
.loginform button{width: 100%; height: 40px; margin-top: 20px;}
.loginform .layui-form-checkbox[lay-skin=primary] span{color:#666}

.login-Copyright{display: block;width: 100%;float:left;background: #FFF; height:50px;line-height:50px; text-align: center;position:fixed; left: 0; bottom:0;color: #808080;font-size: 12px;}

.loginBody .layui-layer-tips .layui-layer-content{background:none!important; color: #ff6065!important;box-shadow: none!important;padding:0!important;font-size: 14px!important; height: 20px!important; line-height: 20px!important;}
.loginBody .layui-layer-tips .layui-layer-content i{display: none}
.loginBody .layui-layer-tips .layui-layer-content img{margin-right:8px;float: left;}
.loginBody .layui-layer-tips .layui-layer-content .warning-1{margin-top:-60px;display: block;float: left;}
.loginBody .layui-layer-tips .layui-layer-content .warning-2{margin-top:-120px;display: block;float: left;}


    /*****************************************************左侧菜单*****************************************************/
.left-nav{top:60px;bottom: 0;border:0; width:189px;background-color: #fff;border-right: 1px solid #edeff1}
.left-nav a{color:#666;border-left:4px solid #fff;}
.left-nav #nav li{border-bottom:none;}
.left-nav #nav li a{padding: 0 12px 0 20px; height: 40px;line-height: 40px;}
.left-nav #nav li a:hover .iconfont{opacity: 1!important;}

.left-nav #nav li .sub-menu li a {padding: 0 12px 0 65px;}
.left-nav #nav li .sub-menu a cite{font-size: 12px;}
.left-nav #nav li .nav_right{ margin: 0;padding:13px 0;width: 15px; text-align: center}
.left-nav #nav li.open .iconfont{opacity: 1}
.left-nav #nav li .sub-menu li a{font-size:12px;}
.left-nav #nav li a:hover{ color:#fe6a30;}
.left-nav #nav li .sub-menu li a:hover{color:#fe6a30;}
.left-nav #nav .selected{background: #fff3ef;}
.left-nav #nav li .selected {color: #fe6a30;border-left:4px solid #fe6a30}

.left-nav #nav li .icon{ width:20px; height: 40px;display: block; float: left; }
.left-nav #nav li .icon-home{background: url("../images/left_icon_home.png") no-repeat center left}
.left-nav #nav li .selected .icon-home{background: url("../images/left_icon_home_on.png") no-repeat center left}
.left-nav #nav li .icon-wlwk{background: url("../images/left_icon_wlwk.png") no-repeat center left}
.left-nav #nav li .selected .icon-wlwk{background: url("../images/left_icon_wlwk_on.png") no-repeat center left}
.left-nav #nav li .icon-llcjk{background: url("../images/left_icon_llcjk.png") no-repeat center left}
.left-nav #nav li .selected .icon-llcjk{background: url("../images/left_icon_llcjk_on.png") no-repeat center left}
.left-nav #nav li .icon-qdgl{background: url("../images/left_icon_qdgl.png") no-repeat center left}
.left-nav #nav li .selected .icon-qdgl{background: url("../images/left_icon_qdgl_on.png") no-repeat center left}
.left-nav #nav li .icon-ywbl{background: url("../images/left_icon_ywbl.png") no-repeat center left}
.left-nav #nav li .selected .icon-ywbl{background: url("../images/left_icon_ywbl_on.png") no-repeat center left}
.left-nav #nav li .icon-tcpz{background: url("../images/left_icon_tcpz.png") no-repeat center left}
.left-nav #nav li .selected .icon-tcpz{background: url("../images/left_icon_tcpz_on.png") no-repeat center left}
.left-nav #nav li .icon-yjgz{background: url("../images/left_icon_yjgz.png") no-repeat center left}
.left-nav #nav li .selected .icon-yjgz{background: url("../images/left_icon_yjgz_on.png") no-repeat center left}
.left-nav #nav li .icon-ddgl{background: url("../images/left_icon_ddgl.png") no-repeat center left}
.left-nav #nav li .selected .icon-ddgl{background: url("../images/left_icon_ddgl_on.png") no-repeat center left}
.left-nav #nav li .icon-cxtj{background: url("../images/left_icon_cxtj.png") no-repeat center left}
.left-nav #nav li .selected .icon-cxtj{background: url("../images/left_icon_cxtj_on.png") no-repeat center left}
.left-nav #nav li .icon-apijk{background: url("../images/left_icon_apijk.png") no-repeat center left}
.left-nav #nav li .selected .icon-apijk{background: url("../images/left_icon_apijk_on.png") no-repeat center left}
.left-nav #nav li .icon-xtgl{background: url("../images/left_icon_xtgl.png") no-repeat center left}
.left-nav #nav li .selected .icon-xtgl{background: url("../images/left_icon_xtgl_on.png") no-repeat center left}


.left-nav #nav li .icon-yygl{background: url("../images/left_icon_yygl.png") no-repeat center left}
.left-nav #nav li .selected .icon-yygl{background: url("../images/left_icon_yygl_on.png") no-repeat center left}

.left_open{text-align: right;padding-right:16px;padding-bottom: 10px;}
.left-nav-min{width: 56px; overflow:hidden;background-image:none;}
.left-nav-min .copyright{display: none!important;}
.left-nav-min .nav_right{display:none}
.left-nav-min span{display: none}
/*****************************************************左侧菜单 end*****************************************************/


/*********************************右侧侧标签***********************************/
.page-content .layui-tab-title{background: #fff;border-bottom:none; height: 36px;border-bottom: 1px solid #e8e9ea}
.page-content .layui-tab-title li{line-height:37px; color: #666; font-size: 12px; padding: 0 30px 0 10px; text-align: left; min-width: inherit}
.page-content .layui-tab-title li.home{padding:0 10px; text-align: center}
.page-content .layui-tab-title .layui-this{background: #f1f3f5; color: #444 ; height: 37px; }
.page-content .layui-tab-title .layui-this:after{border:none;}
.page-content .layui-tab-title li .layui-tab-close{ color: #666;float:right;margin-top: 10px;position: absolute; right:5px;}
.page-content .layui-tab-title li .layui-tab-close:hover{color: #fff;}
.page-content .layui-tab-bar{border:none; border-left:1px solid #edeff1; height: 36px; background: #f6f8fa;}
.page-content .layui-tab-bar .layui-icon{font-size: 12px;}

/*********************************右侧内容***********************************/
.page-content{top:61px; left:190px;bottom:0;}
.page-content .layui-tab-content{top:36px;}
@media screen and (max-width: 768px){.page-content {  left: 0;  }}

/*********************************文本框样式***********************************/

input::placeholder{color: #bbb;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 100000px #fff inset !important;  }
.layui-input{height:30px; line-height:30px; color: #444;}
.layui-input.Time{background: url("../images/TimeIcon.png") no-repeat right center;}
input::-webkit-input-placeholder {padding-top:5px; }
input:disabled{background: #f1f3f5}


/*********************************按钮样式***********************************/
button{  appearance: none;  -moz-appearance: none;  -webkit-appearance: none; color: #444;  }
.btn{width: 98px; height: 32px; border:1px solid #ccc; background: #fafafa;border-radius: 2px;font-size: 14px;cursor: pointer;line-height: 14px;}
.btn-min{width:70px; height:30px; border:1px solid #ccc; background: #fafafa;border-radius: 2px;font-size: 14px;cursor: pointer;line-height: 14px;}
.btn:hover,.btn-min:hover{background: #eeeeee}
.btn-Orange{background: #fe6a30; border-color: #fe6a30;color: #fff;}
.btn-Orange:hover{background:#ea622c; border-color: #ea622c;}
.btnNone{background: none;border:none;width: 50px; }
.btnNone:hover{background: none;border:none;color: #fe6a30;}
.btn-icon{margin-right: 8px; margin-top: -2px;}
.btn-left{float: left; margin-right: 10px;}
.daochuBtn{float: right; background: url("../images/dc.png") no-repeat left 3px ; padding-left: 20px;line-height: 20px;font-size: 12px; margin-right: 20px;}


/*********************************复选框按钮***********************************/
.layui-form-checkbox[lay-skin=primary] i {  position: relative;  top: 0; border: none; float: left;  width: 14px;  height:14px; background: url("../images/checkbox.png") no-repeat center; overflow: hidden; text-indent: -99px; }
.layui-form-checked[lay-skin=primary] i {background: url("../images/checkbox-on.png") no-repeat center; }
.layui-form-checkbox[lay-skin=primary] span{padding: 0;padding-left: 10px;line-height: 14px;color: #444; overflow: hidden }
.layui-checkbox-disbaled[lay-skin=primary] i{background: url("../images/checkbox-disbaled.png") no-repeat center;text-indent: -99px;overflow: hidden }

/*********************************单选按钮***********************************/
.layui-form-radio{margin: 0;padding:0}
.layui-form-radio>i {  margin-right:6px;text-indent: -99px; overflow: hidden;  width: 14px; height: 14px; background: url("../images/radio.png") no-repeat center  }
.layui-form-radioed>i{background: url("../images/radioed.png") no-repeat center  }

/*********************************弹窗样式保存提示样式 end***********************************/
body .layerLoad{background: #fff;border:none;box-shadow: 0 0 3px rgba(0,0,0,0.2); min-width: 110px;}
body .layerLoad .layui-layer-content{padding:15px 20px;  text-align: center;line-height: 26px;font-size: 14px;}
body .layerMsg {background: #fff;border:none;box-shadow: 0 0 3px rgba(0,0,0,0.2); min-width: 110px;}
body .layerMsg .layui-layer-content{padding:16px 20px;  text-align: center;line-height: 24px;font-size: 14px;}
body .layerMsg .layui-layer-content img{float: left; display: block; margin-right: 12px;}
body .layerMsg .layui-layer-content span{float: left; display: block;height: 20px; line-height: 20px;}

/*********************************弹窗表单统一样式 ***********************************/
body .layerOpen .layui-layer-setwin{top:20px;}
body .layerOpen .layui-layer-setwin .layui-layer-min,
body .layerOpen .layui-layer-setwin .layui-layer-max{display:none;}
body .layerOpen .layui-layer-setwin .layui-layer-close1{ background: url("../images/LayerClose.png") no-repeat center}
body .layerOpen .layui-layer-title{ height: 53px;line-height:53px;border-bottom: 1px solid #e8e9ea; background: #fff;color:#444;font-size: 16px;text-align: left}
body .layerOpen .layui-layer-content{text-align: left; width: 100%;float: left;overflow: inherit!important; height: inherit!important;}
body .layerOpen .layui-layer-btn{ padding:10px 20px;height:30px;border-top: 1px solid #e8e9ea;display: block; clear: both}
body .layerOpen .layui-layer-btn a{margin: 0 0 0 10px;}
body .layerOpen .layui-layer-btn button{margin: 0 0 0 10px;}
body .layerOpen .layui-layer-btn .layui-layer-btn0{ background: #fafafa; border-color: #ccc; font-size: 14px;color: #444;}
body .layerOpen .layui-layer-btn .layui-layer-btn1{ background: #fe6a30; border-color: #fe6a30; font-size: 14px;color: #fff;}
.layerOpenCont{display: block; width: 100%; max-height:395px;}
.layerOpenCont.scrollBox{overflow-y: scroll;overflow-x: hidden}
.layerOpenCont2.scrollBox{overflow-y: scroll;overflow-x: hidden}



/*****************************************************表单内容样式******************************************************/

.echartsSel{display: block;padding: 20px 20px 40px 20px; width: 460px; float: left;}
.echartsSel h3{font-weight: normal;height: 14px; line-height: 14px; font-size: 14px; margin-bottom:16px; color: #666}
.echartsSel ul li{width:200px;float: left;padding-left: 30px;height: 14px; line-height: 14px;margin-bottom: 20px;}

.layerForm{display: block;width: 470px; padding:30px 15px 25px 15px;float: left;}
.layerForm ul li{display: block;width: 100%;height: 30px; float: left; position: relative; margin-bottom: 10px;}
.layerForm .title{width: 120px;height: 30px;line-height: 30px;text-align: right;position: absolute;left:0; top:0;}
.layerForm .inputCont{width:260px; height: 30px; float: left;margin-left: 130px;position: relative }
.layerForm .inputCont span.rowCont{ float: left; margin-right: 15px; margin-left: 15px;}
.layerForm .inputCont .inputRow{width: 123px; float: left; display: block}
.layerForm .inputCont .inputRow+b{margin-left: 5px;}
.layerForm .inputCont span.row{ float: left;line-height: 30px; margin: 0 5px 0 6px;display: block}
.layerForm .inputCont .inputRowmin{width: 95px; float: left; display: block}
.layerForm .inputCont em{float: left; font-style: normal; width:14px; text-align:center;line-height: 30px;}
.layerForm .inputCont .zTreeSelect .zTreeSelect-text{width:258px!important;    border: 1px solid #dcddde;}
.layerForm .inputCont b{ line-height: 30px; font-weight: normal; /*margin-left: 5px;*/}
.layerForm .inputCont .zTreeSelect-text::placeholder{color: #b2b2b2;}
.layerForm  .contOther{float: left; margin-left: 10px;line-height: 30px;}
.layerForm  .contOther a{color:#178cdf}
.layerForm p{font-size: 12px; padding-left: 130px;color: #666}
.layerForm p i{font-style: inherit; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-right: 5px;}

.layerForm .tipsicon{display:inline-table;width:16px; height:16px;line-height: 16px;vertical-align: middle; margin-right: 5px; position: relative }
.layerForm .wen-icon{ width:16px; height:16px; display:inline-table;background: url("../images/yjyw_ico.png") no-repeat;cursor: pointer}
.layerForm .tipsicon .tip_box{ display: none; width: 250px; line-height: 20px; padding:10px;position: absolute;left:-50px;top:30px; font-size: 12px; right:-88px; z-index: 999; background: #fff; box-shadow: 0 0 5px #b2b2b2; text-align: left;border-radius:2px;}
.layerForm .tipsicon .tip_box:after{    content:" "; position: absolute; left:55px; top:-5px; width: 10px; height: 10px; background: #fff; transform:rotate(45deg);}
.layerForm .tipsicon .tip_box:before{    content:" "; position: absolute; left:52px; top:-16px;  width:0; height:0;border:8px transparent solid;border-bottom: 8px solid #c8c8c8;}

.layerForm .tipsicon:hover .tip_box{display: block}

.layerForm2{display: block;width:730px; padding:30px 15px 20px 15px;float: left;}
.layerForm2 ul li{display: block;width:50%;height: 30px; float: left; position: relative; margin-bottom: 10px;}
.layerForm2 .title{width:100px;height: 30px;line-height: 30px; overflow: hidden; text-align: right;position: absolute;left:0; top:0;}
.layerForm2 .inputCont{width:240px; height: 30px; float: left;margin-left: 110px;position: relative }
.layerForm2 .inputCont .zTreeSelect .zTreeSelect-text{width: 240px!important;}


.ContForm{display: block;padding: 20px;}
.ContForm .layerForm{padding:10px 15px 18px 15px;}
.ContForm .btnBox{display: block;clear: both; padding-left:130px; padding-top: 10px;}
.ContTips{display: block;clear: both; position: relative;font-size: 12px; margin-bottom: 20px; color: #808080;width: 100%;float: left;}
.ContTips .title{float: left;width: 140px; text-align: right}
.ContTips .Cont{float: left;margin-left: 5px;}
.ContTips .Cont p i{font-style: inherit;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-right: 5px;}
.tableCont{display: block; clear: both;  border-top: 1px solid #edeff1;border-bottom: 1px solid #edeff1;width: 100%;float: left;}
.tableCont .TableColme{padding-left: 0!important; padding-right: 0!important;}


/******************************************************确认提示******************************************************/
body .layerTips .layui-layer-setwin{top:20px;}
body .layerTips .layui-layer-setwin .layui-layer-min,
body .layerTips .layui-layer-setwin .layui-layer-max{display:none;}
body .layerTips .layui-layer-setwin .layui-layer-close1{ background: url("../images/LayerClose.png") no-repeat center}
body .layerTips .layui-layer-title{ height: 53px;line-height:53px;border-bottom: 1px solid #e8e9ea; background: #fff;color:#444;font-size: 16px;text-align: left}
body .layerTips .layui-layer-content{text-align: left; width: 100%;float: left;overflow: inherit; position: relative}
body .layerTips .layui-layer-btn{ padding:20px;height:30px;display: block; clear: both}
body .layerTips .layui-layer-btn a{margin: 0 0 0 10px;}
body .layerTips .layui-layer-btn .layui-layer-btn0{ background: #fafafa; border-color: #ccc; font-size: 14px;color: #444;}
body .layerTips .layui-layer-btn .layui-layer-btn1{ background: #fe6a30; border-color: #fe6a30; font-size: 14px;color: #fff;}
body .layerTips  .pos{ position: absolute;left:20px;bottom:25px; }
body .layerTips  .pos span{font-size:12px!important;color: #808080!important;}

body .layerTips2 .layui-layer-setwin{top:20px;}
body .layerTips2 .layui-layer-setwin .layui-layer-min,
body .layerTips2 .layui-layer-setwin .layui-layer-max{display:none;}
body .layerTips2 .layui-layer-setwin .layui-layer-close1{ background: url("../images/LayerClose.png") no-repeat center}
body .layerTips2 .layui-layer-title{ height: 53px;line-height:53px;border-bottom: 1px solid #e8e9ea; background: #fff;color:#444;font-size: 16px;text-align: left}
body .layerTips2 .layui-layer-content{text-align: left; width: 100%;float: left;overflow: inherit}
body .layerTips2 .layui-layer-btn{ padding:20px;height:30px;display: block; clear: both}
body .layerTips2 .layui-layer-btn a{margin: 0 0 0 10px;}
body .layerTips2 .layui-layer-btn .layui-layer-btn0{ background: #fe6a30; border-color: #fe6a30; font-size: 14px;color: #fff;}

.Layer-txt{display: inline-block;padding: 24px 20px 16px 20px;clear: both; width: 410px;}
.Layer-txt .cont{display: block;float: left;width:375px;  position: relative}
.Layer-txt .icon{float:left; margin-right: 15px;}
.Layer-txt h3{font-size: 14px; font-weight: normal; height: 14px; line-height: 14px; margin-bottom:8px;}
.Layer-txt p{color:#808080; font-size: 12px;}


body .layerOpen .layui-layer-btn .layui-layer-btn0:hover,
body .layerTips .layui-layer-btn .layui-layer-btn0:hover
{background: #eeeeee}
body .layerOpen .layui-layer-btn .layui-layer-btn1:hover,
body .layerTips .layui-layer-btn .layui-layer-btn1:hover,
body .layerTips2 .layui-layer-btn .layui-layer-btn0:hover
{background:#ea622c; border-color: #ea622c;}

/*******************************************************上传按钮*******************************************************/
.input-file{display: block;height:30px; border:1px dashed #dcddde;}
.input-file .fileinput{width: 100%;height: 30px;display: block;border: none; text-indent: 10px; cursor: pointer}
.input-file .fileinput::placeholder{text-align: center; text-indent: 0}

/*******************************************************查看使用量*******************************************************/
.layuiEcharts{display: block;width: 860px; padding: 20px;margin: 0;}
.layuiEcharts .layui-tab-title{border:none; height: 24px;}
.layuiEcharts .layui-tab-title li{line-height:14px;color: #444;padding: 0 5px;}
.layuiEcharts .layui-tab-title .layui-this{color: #fe6a30;}
.layuiEcharts .layui-tab-title .layui-this:after{height:22px;border:none; border-bottom: 2px solid #fe6a30;}
.layuiEcharts .layui-tab-content{padding: 0;padding-top:15px; position: relative}
.layuiEcharts .layui-tab-content .timeSelect{width: 150px;display: block;position:absolute;right:0;top:-20px;}
.layuiEcharts .layui-tab-content .unit{font-size: 12px;color: #666;display: block; margin-bottom: 15px; }
.layuiEcharts .layerEchartsCont{width:860px; height:300px;display: block; clear: both}

/*******************************************************查看iccid*******************************************************/
.layerTable{position: relative}
.layerTableCont{padding:30px 50px; }
.layerTable td{font-size: 12px!important;}
.layerTable button{ width:40px; height:90px;padding:26px 10px;display: block;position: absolute;border:0; cursor:pointer; top: 35%; background: none;}
.layerTable button:hover{background:url("../images/rgba.png") no-repeat center}
.layerTable button.prevBtn{left:0}
.layerTable button.nextBtn{right:7px;}

/*********************弹出窗tab***********************************/
.box-tab{ display: block; background:#f6f8fa ;}
.box-tab .box-title{width: 140px; position: absolute; left:0;top:20px;}
.box-tab .box-title li{  height:40px; text-indent:20px;line-height:40px; font-size: 14px; cursor: pointer;}
.box-tab .box-title li a{display: block; cursor: pointer}
.box-tab .box-title li.lthis{ background: #fff; }
.box-tab .box-title li.lthis a{  color:#fe6a30}
.box-tab .box-content{ margin-left: 140px; padding:15px 30px 30px 30px ;}
.box-tab .box-content p{ height: 30px; line-height: 30px!important; color:#444;}
.box-tab .box-content p.title{ color:#808080 ; line-height: 36px; margin-top: 4px;}

/*表格数据赛选搜索 操作*/



/***********************************套餐boxTab***********************************/

.layerTableCont2{padding:20px; display: block; clear: both}
.layerTab{display: block;padding: 10px 10px 5px 10px;height: 24px; float: left;}
.layerTab h2,.layerTab a{ float: left;font-size: 12px;font-weight: normal; margin-right: 20px;height: 22px;line-height:12px;border-bottom: 2px solid #fff;}
.layerTab h3,.layerTab h3 small{font-size: 12px; font-weight: normal;}
.layerTab a.current{color: #fe6a30;border-bottom: 2px solid #fe6a30;}




/*操作筛选样式*/
.TableCont{width: 100%; float: left; position: relative;}
.TableCont .navigation{padding:20px 10px 10px 10px; line-height: 12px; height: 12px;}
.TableCont .TableColme{display: block;padding: 10px; height: 30px;}

.tableSearch{width: 290px; height:28px; border:1px solid #dcddde;position: relative;float: left;}
.tableSearch input{width: 260px; padding: 0;height:28px; text-indent: 8px; font-size: 12px;border:none;-webkit-appearance:none; [;line-height:1;color:#f00;]}
.tableSearch button{width: 30px; height: 30px; background: url("../images/search.png") no-repeat center; position: absolute; right:0; top:0;border:none; text-indent: -99px; cursor: pointer;overflow: hidden}


.tableFilter{float: left; margin-left: 20px; position: relative}
.tableFilter a.tit{background: url("../images/Filter.png") no-repeat center left; display: block; clear: both; font-size:12px; position: relative;height:30px; line-height:28px; text-indent:18px;  cursor: pointer;}
.tableFilter a.tit:hover{color: #fe6a30;}
.tableFilter .FilterCont{ width:660px;display: none; padding: 20px 0; border:1px solid #e8e9ea;box-shadow:0 0 5px rgba(0,0,0,0.2);background: #fff; position: absolute; left:-150px;top:30px; z-index: 99}
.tableFilter .FilterCont ul{float: left;width: 100%}
.tableFilter .FilterCont ul li{width: 330px;float: left;height: 30px;margin-bottom: 10px; position: relative;}
.tableFilter .FilterCont ul li .title{width:100px; line-height: 30px; text-align: right; position: absolute; left: 0;top:0;font-size:14px;}
.tableFilter .FilterCont ul li .inputCont{float:left;padding-left:110px;width:205px;position: relative}
.tableFilter .FilterCont .FilterBtnCont{ text-align: right;padding: 10px 15px 0 15px;    display:block;  float: right;}
.tableFilter .FilterCont .FilterBtnCont .btn-min{margin-left: 8px;}
.tableFilter.open a{color: #fe6a30;}
.tableFilter.open .FilterCont{display: block}
.tableFilter .zTreeSelect{width: 205px!important;}
.tableFilter .zTreeSelect .zTreeSelect-text{width: 203px!important;}

.tableFilter .FilterCont ul li .inputCont .input-min{width:94px;float: left;}
.tableFilter .FilterCont ul li .inputCont .row{float: left; width:17px; text-align:center;line-height: 30px;}

.tableOperating{float: left; margin-left:30px; font-size: 12px; height:30px;padding-right: 17px;position: relative }
.tableOperating h3{font-size: 12px; font-weight: normal; height: 30px; line-height:28px; float: left; cursor: pointer ;background: url("../images/arr-dow-Orange.png") no-repeat center right; padding-right: 15px; }
.tableOperating h3:hover{color: #fe6a30;}
.tableOperating .OperatingList{width: 180px;display:none;; background: #fff; border: 1px solid #e8e9ea; box-shadow: 0 0 5px rgba(0,0,0,0.25); border-radius:2px;;position: absolute;left:-30px;top:30px; z-index: 99;}
.tableOperating .OperatingList ul{display: block;padding: 3px 0}
.tableOperating .OperatingList ul li{width: 100%; height:32px; line-height: 32px; position: relative}
.tableOperating .OperatingList ul li.select{background: url("../images/arr-right.png") no-repeat 164px center;}
.tableOperating .OperatingList ul li h3{display: block; width: 100%; background:none}
.tableOperating .OperatingList ul li h3 a{font-size: 14px; font-weight: normal; padding: 0 10px;display: block}
.tableOperating .OperatingList ul li h3 a:hover{color: #fe6a30;}
.tableOperating .OperatingList dl{display: none;width: 180px; padding: 3px 0;border: 1px solid #58b6ec;border-radius: 2px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.25); position: absolute;left:180px; top: 0}
.tableOperating .OperatingList dl dd{width: 100%; height: 30px; line-height: 30px; position: relative}
.tableOperating .OperatingList dl a{font-size: 14px; font-weight: normal; padding: 0 10px;display: block}
.tableOperating .OperatingList dl a:hover,
.tableOperating .OperatingList ul li:hover  h3 a{color: #fe6a30}
.tableOperating .OperatingList ul li:hover dl{display: block}
.tableOperating.open .OperatingList{display: block}
.tableOperating.open h3{color: #fe6a30 }

.tableOperating .OperatingList i{width: 10px; height: 10px; border-radius:15px;display: block; float:left; margin: 10px 5px 10px 0}

.tableOperating .OperatingList i.icon1{background: #58b6ec;}
.tableOperating .OperatingList i.icon2{background: #00cc54;}
.tableOperating .OperatingList i.icon3{background: #999999;}
.tableOperating .OperatingList i.icon4{background: #ffc948;}
.tableOperating .OperatingList i.icon5{background: #ff5f68;}
.tableOperating .OperatingList i.icon6{background: #444;}


.layerTableCont2 .TableColme{display: block;padding-bottom: 10px; height: 30px; position: relative}
.layerTableCont2 .tableSearch{width: 290px; height:30px; border:1px solid #dcddde;position: relative;float: left;}
.layerTableCont2 .tableSearch input{width: 260px; padding: 0; text-indent: 8px; font-size: 12px;border:none;-webkit-appearance:none; [;line-height:1;color:#f00;]}
.layerTableCont2 .tableSearch button{width: 30px; height: 30px; background: url("../images/search.png") no-repeat center; position: absolute; right:0; top:0;border:none; text-indent: -99px; cursor: pointer;overflow: hidden}

.layerTableCont2 .tableFilter2{float: left; margin-left: 10px; position: relative}
.layerTableCont2 .tableFilter2 a.tit{background: url("../images/Filter.png") no-repeat center left; display: block; clear: both; font-size:12px; position: relative;height:30px; line-height:28px; text-indent:18px;  cursor: pointer;}
.layerTableCont2 .tableFilter2 a.tit:hover{color: #fe6a30;}
.layerTableCont2 .tableFilter2 .FilterCont{ width:660px;display: none; padding: 20px 0; border:1px solid #e8e9ea;box-shadow:0 0 5px rgba(0,0,0,0.2);background: #fff; position: absolute; left:-150px;top:30px; z-index: 99}
.layerTableCont2 .tableFilter2 .FilterCont ul li{width: 330px;float: left;height: 30px;margin-bottom: 10px; position: relative;}
.layerTableCont2 .tableFilter2 .FilterCont ul li .title{width:100px; line-height: 30px; text-align: right; position: absolute; left: 0;top:0;font-size:14px;}
.layerTableCont2 .tableFilter2 .FilterCont ul li .inputCont{float:left;padding-left:110px;width:205px;position: relative}
.layerTableCont2 .tableFilter2 .FilterCont .FilterBtnCont{ text-align: right;padding: 10px 15px 0 15px;    display:block;  float: right;}
.layerTableCont2 .tableFilter2 .FilterCont .FilterBtnCont .btn-min{margin-left: 8px;}
.layerTableCont2 .tableFilter2.open a{color: #fe6a30;}
.layerTableCont2 .tableFilter2.open .FilterCont{display: block}
.layerTableCont2 .tableFilter2 .zTreeSelect{width: 203px!important;}
.layerTableCont2 .tableFilter2 .zTreeSelect .zTreeSelect-text{width: 201px!important;}
.layerTableCont2 .tableFilter2 .zTreeSelect{width: 203px!important;}
.layerTableCont2 .tableFilter2 .zTreeSelect .zTreeSelect-text{width: 201px!important;}
.layerTableCont2 .tablePage{float: right; height: 30px;}

.layerTableCont2 .TableCont{display: block;border-left:1px solid #e8e9ea; border-bottom:1px solid #e8e9ea;}
.layerTableCont2 .TableCont td{border-bottom: 0;}





/*滚动条*/
::-webkit-scrollbar {width:7px;  height:7px;}
::-webkit-scrollbar-thumb {border-radius:15px;  background:#d8d8d8;}
::-webkit-scrollbar-track {border-radius: 0;  background: #fafafa;}


/***************************套餐Addbox**************************/
.add_tab{    width: 100%;  margin: 30px 30px; }
.add_tab li{   border-radius: 4px;  width: 160px; height: 150px; float:left;  text-align: center; display: block}
.add_tab li:last-child{margin:0 0 30px 40px;}
.add_tab li:hover{ background: #f1f3f5; box-radius:4px;cursor: pointer; }
.add_tab li img{ margin: 30px auto 0;}
.add_tab li p{ width: 100%; line-height: 60px; font-size: 14px;}



/***************************分配box**************************/


.layerForm3{ ;width:730px; height:395px;  padding:0 0 0 20px ;float: left; }
.layerForm3 h2{ font-size: 14px; padding: 15px 0 8px 0; color: #444;}

.layerForm3 h2 .intercalate{ border: 1px solid #178cdf; border-radius:2px; color: #178cdf; padding: 5px; cursor: pointer;}
.layerForm3 h2 .intercalate:hover{ background: #ebf8ff;}

.layerForm3 .taocan-box{ width: 720px; height: 80px; border:1px dashed #dcddde; display: block; margin-bottom: 10px; overflow:hidden;}
.layerForm3 a.revise , .layerForm3 a.revise:hover{   font-size: 14px; border:none; color: #178cdf; margin-left: 20px; }
.layerForm3 .taocan-box .taocan-none{ line-height: 80px; font-size: 14px; color: #bbb; text-align: center;cursor: pointer;}

.layerForm3 .taocan-box .box{ font-size: 12px; background: #f1f3f5; padding:5px 5px 5px 10px; float: left; margin: 5px 0 0 5px; display:block; padding-right: 25px; position: relative;}
.layerForm3 .taocan-box .box i{ position: absolute; top: 7px; right:5px; display: inline-block; cursor: pointer; width: 17px; height: 16px;  background: url("../images/boxClose2.png") no-repeat;}
.layerForm3 .taocan-box .box i:hover{ background: url("../images/boxClose.png") no-repeat; }

.layerForm3 .qudao_from{width: 720px; float: left;margin-bottom: 10px;}
.layerForm3 .qudao_from .inputCont{width:315px; color: #444; height: 30px; float: left;margin-left:0 ;position: relative }
.layerForm3 .qudao_from dl {float: left;border-left:1px solid #dcddde; border-bottom:1px solid #dcddde; width: 720px; padding: 0;}
.layerForm3 .qudao_from dl.dl-title {border-top:1px solid #dcddde;}
.layerForm3 .qudao_from dl:hover{background: #fff3ef; cursor: pointer;}
.layerForm3 .qudao_from dl:hover .delete{  background:url("../images/Ico_delete.png") center no-repeat; }
.layerForm3 .qudao_from dl:hover .order{ display: none;}
.layerForm3 .qudao_from dl:first-child{width: 720px;; background: #fff;}
.layerForm3 dt , .layerForm3 dd{ float: left; width:325px; border-right:1px solid #dcddde;  display:block; height: 30px; padding: 5px; line-height: 30px;  }
.layerForm3 dt:first-child{width:37px; text-align: center;}
.layerForm3  .input-file{width:318px; height: 28px; line-height: 28px; text-indent: 10px;}
.layerForm3  .input-file::placeholder{  text-align: center; color: #b2b2b2;}
.layerForm3  .add_dl{ color:#fe6a30; font-size: 14px; width: 80px; cursor: pointer; line-height: 30px; margin-bottom: 50px;}
.layerForm4{ ;width:460px; padding:20px; height:355px; float: left; }

.layerSearch{width:458px; height:28px; text-indent: 8px; border:1px solid #dcddde;position: relative;float: left;}
.layerSearch input{width: 430px; padding: 0;height:28px; text-indent: 10px;font-size: 14px;border:none;-webkit-appearance:none; [;line-height:1;color:#f00;]}
.layerSearch button{width: 30px; height: 30px; background: url("../images/search.png") no-repeat center; position: absolute; right:0; top:0;border:none; text-indent: -99px; cursor: pointer;overflow: hidden}

.content_wrap{ border:1px solid #dcddde; border-top: none; width: 458px; height:325px; overflow-y: auto;}


#ztreeCheck li a{ width: 150%; margin-left: -50%;}
#ztreeCheck{ padding: 5px 0 ; overflow: hidden}
#ztreeCheck li span.button{ margin-left: 7px; margin-top: 5px; cursor: pointer;}
#ztreeCheck li span:hover + a {background: #f1f3f5;}
#ztreeCheck li span.button:hover + a{background: #f1f3f5;}
#ztreeCheck li span.button.switch:hover +span.button+ a{background: #f1f3f5;}
#ztreeCheck li span.button.ico_open , #ztreeCheck li span.button.ico_close{ margin-left: 3px;}
#ztreeCheck li span.button.switch{ width: 17px; height: 17px;}


/*select筛选字体颜色单独处理*/
.FilterCont .layui-form-select dl dd.layui-select-tips{ color: #444;}
.FilterCont .layui-form-select dl dd.layui-this{color: #fff;}
.FilterCont .layui-select-title .layui-unselect::placeholder{ color: #444;}


/*分配步骤*/
.stepTitle{display: block; height: 80px; clear: both; text-align: center;background: url("../images/line.png") no-repeat center;}
.stepTitle .cnt{width: 330px;margin: 0 auto; height: 80px; margin-top: -8px;}
.stepTitle .cnt span.l{ width: 110px; display: block; height: 80px; float:left; text-align: center ;line-height:130px;position: relative;}
.stepTitle .cnt span.r{ width: 110px; display: block; height: 80px; float:right;text-align: center;line-height:130px;position: relative; margin-right: -12px; }
.stepTitle .cnt span i{ width: 20px; height: 20px;display: block; line-height: 20px; border-radius: 50%;  background: #fe6a30; color: #fff; font-size: 12px;font-style: normal ;    position: absolute;  top:29px;  left:45px;}
.stepTitle .cnt span em{width: 10px; height: 10px;display: block; border-radius: 50%; position: absolute;left:45px;top:34px; background: #e0e0e0;}
.stepTitle .cnt span.current{color: #fe6a30}

.LayerTisp{display: block;clear: both;color: #444 }
.LayerTisp p{padding: 0; text-align:left}

#stepTwo .stepTitle{display: block; height: 80px; clear: both; text-align: center;background: url("../images/line2.png") no-repeat center;}

#stepTwo .tableBox{width: 715px; padding:15px 0 25px 0}
#stepTwo .tableBox table{background: #e8e9ea; width: 100%;border-collapse: inherit; border-spacing: 1px; }
#stepTwo .tableBox th,#stepTwo .tableBox td{background: #fff; padding:0 10px; height: 40px; font-size: 14px; font-weight: normal; color: #444;}

/*产品标签选择*/
.selectCheckbox{ width: 150px;display: block;float: left; position: relative; z-index:99}
.selectCheckbox .layui-input{font-size: 12px; cursor:pointer}
.selectCheckbox.selectCheckboxBig .layui-input{font-size: 14px;}
.selectCheckbox .select-checkbox-cont{display: none; padding: 10px; background: #fff; border: 1px solid #e6e6e6; height: 150px; overflow-y: scroll}
.selectCheckbox.open  .select-checkbox-cont{display: block}
.selectCheckbox p{ padding: 5px 0}
.selectCheckbox.selectCheckboxBig p{padding: 8px 0}
.selectCheckbox p.p-checkbox{padding-left: 10px;}
.selectCheckbox .layui-unselect{display: block; clear: both}

.selectCheckbox  .layui-unselect span,
.selectCheckbox  .layui-unselect div{padding-left: 0; font-size:12px; height: 14px; line-height: 14px;}

.selectCheckbox.selectCheckboxBig .layui-unselect span,
.selectCheckbox.selectCheckboxBig .layui-unselect div{font-size: 14px;}

.selectCheckbox  .layui-icon{left:inherit; right:0;float: right!important;}

.selectCheckbox .layui-form-radio{height: 14px; line-height: 14px;}
.selectCheckbox .layui-form-radio>i {  position: relative;  top: 0;  border: none;  width: 14px;  height: 14px;  background: url(../images/checkbox.png) no-repeat center;  overflow: hidden;  text-indent: -99px;  margin: 0;  }
.selectCheckbox .layui-form-radioed>i {  background: url(../images/checkbox-on.png) no-repeat center;  }

.selectCheckbox .layui-select-title{ height:32px; position: relative}
.selectCheckbox .layui-edge {  position: absolute;  right: 10px;  top: 50%;  margin-top: -3px;  cursor: pointer;  border-width: 4px;  border-top-color: #949698;  border-top-style: solid;  transition: all .3s;  -webkit-transition: all .3s;  }
.selectCheckbox.open .layui-edge {  margin-top: -9px;  -webkit-transform: rotate(180deg);  transform: rotate(180deg);  margin-top: -3px \9;  }


/*物联网卡变更周期*/
.wlwk-bgzq{display:block; clear: both;padding:20px; margin: 0}
.wlwk-bgzq .layui-tab-title{width: 160px;display: block;border:1px solid #fe6a30; height: 24px;border-radius: 2px;}
.wlwk-bgzq .layui-tab-title .layui-this{width: 80px; height: 24px; line-height: 24px; background:#fe6a30; color: #fff;border: none; padding: 0; margin:0; }
.wlwk-bgzq .layui-tab-title .layui-this:after{height: 24px;border: none}
.wlwk-bgzq .layui-tab-title li{line-height: 24px; height: 24px; font-size: 12px; border: none; padding: 0; width: 80px; text-align: center; color: #fe6a30}
.wlwk-bgzq .layui-tab-content{padding:10px 0}
.wlwk-bgzq .TableCont{border-bottom: 1px solid #e8e9ea;}

.czList{height: 324px;display: block; border:1px solid #e8e9ea; padding: 20px;overflow-y: scroll;}
.czList h3{font-size: 16px;display: block; clear: both; font-weight: bold}
.czList ul{display: block; clear: both; margin-bottom:20px;}
.czList ul:last-child{margin-bottom: 0}
.czList ul li{display: block; height: 55px; clear: both}
.czList ul li .time{float: left; width:75px; line-height: 55px; font-size: 12px; text-align: right}
.czList ul li .czCont{float: left; height: 55px; position: relative; margin-left:35px;}

.czList ul li .cont{float:left; margin-left: 35px; margin-top:8px; }
.czList ul li .cont p{font-size: 12px;}
.czList ul li .cont p.txt{font-size: 14px;}

.czList ul li .line-icon{float: left;position: relative; height: 55px;}
.czList ul li hr{width:4px; height: 55px; background: #e8e9ea; margin: 0;position:absolute;}
.czList ul li:first-child hr{top: 25px;}
.czList ul li:last-child hr{top: -25px;}
.czList ul li i{width: 10px; height:10px; border-radius:50px;border:2px solid #fff; background: #999;display: block; position:absolute; z-index: 99; left:-5px; top:50%; margin-top: -7px;}

.czList ul li .icon-1{background:#999;}/*停机、已失效*/
.czList ul li .icon-2{background: #ffc948;}/*复机*/
.czList ul li .icon-3{background: #00cc54;}/*激活*/
.czList ul li .icon-4{background: #ff5f68}/*报警*/
.czList ul li .icon-5{background: #444;}/*销户*/
.czList ul li .icon-6{background: #e4e5e6}/*测试、沉默期、未激活*/

/*formSelects*/
.xm-select-parent .layui-select-tips{display: none}
.xm-select-parent .layui-form-checkbox[lay-skin=primary]{display: block!important;padding:6px 0}
.xm-select-parent  i.layui-icon-ok{float: right}
.xm-select-parent .layui-form-checkbox[lay-skin=primary] span{padding-left: 0}
select[xm-select] + div .layui-select-title > div.xm-select > span:not(.xm-select-empty){color: #282828}
.xm-select-parent .xm-select-show{top:34px!important;}
.xm-select-parent .layui-form-select dl dd {  cursor: pointer;  height: 30px;  }





